<!DOCTYPE html>
<html>
<head>
<title>Noneditable plugin manual tests</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- TinyMCE -->
<script src="../../js/tinymce/tinymce.dev.js"></script>
<script>
	tinymce.init({
		// General options
		mode : "textareas",
		plugins : "autolink,lists,pagebreak,layer,table,save,emoticons,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,template,wordcount,advlist,noneditable",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emoticons,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,
		add_unload_trigger: false,

		// Example content CSS (should be your site CSS)
		content_css : "css/noneditable_manual.css",
		noneditable_regexp: /\[\[[^\]]+\]\]/g
	});
</script>
<!-- /TinyMCE -->

</head>
<body role="application">

<form method="post" action="http://www.tinymce.com/dump.php?example=true">
	<div>
		<h3>Noneditable plugin manual tests</h3>

		<div>
			<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
				&lt;p&gt;
					Editable &lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt; editable.
				&lt;/p&gt;
				&lt;p class="mceNonEditable"&gt;
					Non editable block &lt;span class="mceEditable"&gt;[editable]&lt;/span&gt; with more text.
				&lt;/p&gt;
				&lt;p&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;/p&gt;
				&lt;p&gt;
					Editable &lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt; editable.
				&lt;/p&gt;
				&lt;p&gt;[[item1]][[item2]]&lt;/p&gt;
			</textarea>
		</div>
		<a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent());return false;">[Get contents]</a>
		<a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent({format: 'raw'}));return false;">[Get contents raw]</a>
		<a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent());return false;">[Get selected]</a>
		<a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent({format : 'raw'}));return false;">[Get selected raw]</a>
	</div>
</form>

<script>
if (document.location.protocol == 'file:') {
	alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
}
</script>
</body>
</html>
